import React, { Component } from 'react'
// 1. 创建ref对象
const ref = React.createRef()
const fileref = React.createRef()

export default class Form extends Component {
  render() {
    return (
      <div>
        {/* 当react把input的真实dom创建出来之后,会自动将真实dom的地址赋值给ref对象.current属性 */}
        <input type="text" ref={ref} />

        <input type="file" ref={fileref} />

        <input
          type="checkbox"
          ref={(node) => {
            //当这个标签的真实dom创建完成之后,这个函数会被调用
            this.xxx = node
          }}
        />

        <button
          onClick={(e) => {
            console.log(ref.current)
            console.log(fileref.current)
            console.log(this.xxx)
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
